<nav class="navbar" >
    <div class="navbar-brand">
    <a class="navbar-item" href="/">
     DEMO
    </a>

    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>
  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-menu">
   <a class="navbar-item" href="/">主页</a>
    <div class="navbar-start">
        {% for item in g.cate_list %}
            <a class="navbar-item" href="{{get_url('index.index.list',{'id':item.id})}}">{{ item.name }}</a>
        {% endfor %}
        <a class="navbar-item" href="{{get_url('index.index.add')}}">发表</a>
        <a class="navbar-item" href="{{get_url('index.index.form')}}">上传</a>
        <a class="navbar-item" href="{{get_url('index.index.jwt_login')}}">获取Token</a>
        <a class="navbar-item" href="{{get_url('index.show.index')}}">JSON</a>
        <a class="navbar-item" href="{{get_url('index.show.about')}}">关于</a>
        <a class="navbar-item" href="{{get_url('admin.index.index')}}">管理</a>
    </div>
  </div>
  </div>
</nav>

<script>
$(document).ready(function() {
  $(".navbar-burger").click(function() {
      $(".navbar-burger").toggleClass("is-active");
      $(".navbar-menu").toggleClass("is-active");
  });
});
</script>